{include file='public/header' /}
    <body>
        <div class="layui-fluid">

            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                     <div class="layui-card">
                        <div class="layui-card-body ">

                                <form class="layui-form " enctype="multipart/form-data" action="{:url('Index/statis')}">
                                     <div class="layui-form">
                                          <div class="layui-form-item" style="margin-bottom: 0px;">
                                            <div class="layui-inline">
                                               

                                                
                                            
                                              <div class="layui-inline">
                                                <div class="layui-input-inline">
                                                  <input type="text" name="starttime" autocomplete="off" id="test1" class="layui-input" placeholder="开始日期" required="" value="{$starttime}">
                                                </div>
                                                <div class="layui-form-mid">-</div>
                                                <div class="layui-input-inline">
                                                  <input type="text" name="endtime" autocomplete="off" id="test2" class="layui-input" placeholder="结束日期" required="" value="{$endtime}">
                                                </div>
                                              </div>



                                              

                                              <div class="layui-inline">
                                                <button type="submit" class="layui-btn"><i class="layui-icon">&#xe615;</i></button>
                                              </div>

                                            </div>
                                          </div>
                                    </div>
                                  </form>

                        </div>
                     </div>
                </div>
                

                 <div class="layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">数据统计</div>
                        <div class="layui-card-body" style="min-height: 600px;">

                            <ul class="layui-row layui-col-space10 layui-this x-admin-carousel x-admin-backlog" style="margin-top: 30px;">
                                <li class="layui-col-md5 x-admin-backlog-body">
                                     <h2>预约成功订单数量</h2><br/>
                                        <p>
                                            <cite>{$ordernum}</cite>
                                        </p>
                                </li>


                                <li class="layui-col-md5 x-admin-backlog-body" style="margin-left: 30px;">
                                     <h2>检测报告数量</h2><br/>
                                        <p>
                                            <cite>{$reportnum}</cite>
                                        </p>
                                </li>



                                 <li class="layui-col-md5 x-admin-backlog-body" style="margin-top: 30px;">
                                     <h2>总定金金额</h2><br/>
                                        <p>
                                            <cite>{$deposit}</cite>
                                        </p>
                                </li>


                                <li class="layui-col-md5 x-admin-backlog-body" style="margin-left: 30px; margin-top: 30px;">
                                     <h2>订单总金额</h2><br/>
                                        <p>
                                            <cite>{$price}</cite>
                                        </p>
                                </li>



                            </ul>
                        </div>
                    </div>
                </div>


                <div class="layui-col-sm12 layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">业务分布图</div>
                        <div class="layui-card-body" style="min-height: 600px;">
                            <div id="main2" class="layui-col-sm12" style="height: 500px;"></div>

                        </div>
                    </div>
                </div>
               
            

            </div>
        </div>
    
        <script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js"></script>
        <script type="text/javascript" src="__ROOT__/static/admin/js/china.js"></script>


  
   <script type="text/javascript">
    
            layui.use('laydate', function(){
              var laydate = layui.laydate;
              
               //常规用法
              laydate.render({
                elem: '#test1'
              });

              laydate.render({
                elem: '#test2'
              });

              
            });
    </script>



  <script type="text/javascript">
        var dataList={$ditu};
        var myChart = echarts.init(document.getElementById('main2'));
        function randomValue() {
            return Math.round(Math.random()*1000);
        }
        option = {
            tooltip: {
                    formatter:function(params,ticket, callback){
                        return params.seriesName+'<br />'+params.name+'：'+params.value
                    }//数据格式化
                },
            visualMap: {
                min: 0,
                max: 10,
                left: 'left',
                top: 'bottom',
                text: ['高','低'],//取值范围的文字
                inRange: {
                    color: ['#e0ffff', '#006edd']//取值范围的颜色
                },
                show:true//图注
            },
            geo: {
                map: 'china',
                roam: false,//不开启缩放和平移
                zoom:1.23,//视角缩放比例
                label: {
                    normal: {
                        show: true,
                        fontSize:'10',
                        color: 'rgba(0,0,0,0.7)'
                    }
                },
                itemStyle: {
                    normal:{
                        borderColor: 'rgba(0, 0, 0, 0.2)'
                    },
                    emphasis:{
                        areaColor: '#F3B329',//鼠标选择区域颜色
                        shadowOffsetX: 0,
                        shadowOffsetY: 0,
                        shadowBlur: 20,
                        borderWidth: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            },
            series : [
                {
                    name: '订单数量',
                    type: 'map',
                    geoIndex: 0,
                    data:dataList
                }
            ]
        };
        myChart.setOption(option);
        myChart.on('click', function (params) {

            var str = '【'+params.name+'】订单数量：'+params.value;
            layer.msg(str, {icon: 6});
        });
 
    </script>


    </body>
</html>